

<HTML>
<HEAD>
<TITLE>Sixth Test of Section 9.8 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
body {display: block; line-height: 200%;
      width: 400px; height: 400px }
p {display: block}
span {display: inline}
#outer {position: absolute; top: 200px; left: 200px;
width: 200px; color: red}
#inner {color: blue}




</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Sixth Testable Statement of Sec 9.8 of CSS2 Specification
</h1>


<ul>
<li  >
6. The effect of absolute positioning is considered.
</ul>




<h2 >
PASS CRITERIA:
</h2>
If statement #6 is passed then
 <span id="outer"> start of outer contents
 <span id="inner"> inner contents</span>
 End of outer contents.</span>
 End of body contents</span>
</p>
<p>
The top of the outer box should be 200px below the top of the containing 
bloxk and the left side should be 200px from the left side.
Inner contents should be blue, and outer contents red.
Rules are "body {display: block; line-height: 200%;
width: 400px; height: 400px}, p{display: block}", "span {display: inline}".
Also, "#outer {position: absolute; top: 200px; left: 200px; width: 200px;
color: red}", and "#inner {color: blue}".
<p>
All other properties of this page should be UA-default.
Your browser rendering of this page should look similar to this <a href="c83402.gif"> 
reference image </a> or to this <a href="d83402.gif">reference image</a>.


</BODY>
</HTML>

